<!doctype html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Pen - What You See Is What You Get (WYSIWYG)</title>
    <style type="text/css">
    *{padding:0;margin:0;}
    html{border-top:10px #1abf89 solid;}
    body{width:800px;margin:0 auto;padding:6% 20px 20px;font-family:Palatino, Optima, Georgia, serif;}
    @media all and (max-width:780px){ body, pre a{width:80%;} }
    pre{background:#1abf89;width:100%;text-align:center;padding:10px 0;position:fixed;top:0;left:0;}
    pre a{display:inline-block;width:800px;padding:0 20px;text-align:left;color:#fff;text-decoration:none;}
    #fork{position:fixed;right:0;top:0;}
    </style>
    <link rel="stylesheet" href="src/pen.css" />
</head>
<body>

<div data-toggle="pen" placeholder="im a placeholder">
    <h2>You've got to find what you love</h2>
    <p><b><i>Click to edit, Select to apply effect.</i></b></p>
    <p>Stewart and his team put out several issues of <a href="The Whole Earth Catalog">The Whole Earth Catalog</a> , and then when it had run its course, they put out a final issue. <p>
    <ul>
      <li>It was the mid-1970s, and I was your age.</li>
      <li>On the back cover of their final issue was a photograph of an early morning country road:
    </ul>
    <ol>
      <li>the kind you might find yourself hitchhiking on </li>
      <li>if you were so adventurous. </li>
    </ol>
    <blockquote>Beneath it were the words: "Stay Hungry. Stay Foolish." It was their farewell message as they signed off. <b><i>Stay Hungry. Stay Foolish.</i></b> </blockquote>
    <p>And I have always wished that for myself. And now, as you graduate to begin anew, I wish that for you.</p>
    <p><u>Steve Jobs</u></p>

</div>

<a id="fork" href="https://github.com/sofish/pen" target="_blank"><img src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>

<script src="src/pen.js"></script>
<script type="text/javascript">
    var options = {
        editor: document.querySelector('[data-toggle="pen"]'),
        debug: true
    }

    var pen = new Pen(options);
</script>
</body>
</html>